<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html">
    
    <ui:composition template="ClientTemplate.xhtml">   
        <ui:define name="body"> 
            <h:form>  

                <div id="content">
                    <div class="googleMap">
                        
                        <div id="map_canvas" style="width:450px;height:400px; float:left;"></div>


                    </div>

                    <h1> Contact me </h1>

                    <form action="css/ " method="post"  autocomplete="on">
                        <p> <label for="username" class="iconic user" > Name <span class="required">*</span></label> <input type="text" name="username" id="username"  required="required" placeholder="Hi friend, how may I call you ?"  /> </p>

                        <p> <label for="usermail" class="iconic mail-alt"> E-mail address <span class="required">*</span></label> <input type="email" name="usermail" id="usermail" placeholder="I promise I hate spam as much as you do" required="required"  /> </p>

                        <p> <label for="usersite" class="iconic link"> Website </label> <input type="url" name="usersite" id="usersite"  placeholder="eg: http://www.miste.com" /> </p>

                        <p> <label for="subject" class="iconic quote-alt"> Subject </label> <input type="text" name="subject" id="subject"  placeholder="What would you like to talk about?" /> </p>

                        <p> <label for="message" class="iconic comment"> Message  <span class="required">*</span></label> <textarea placeholder="Don't be shy, live me a friendly message and I'll answer as soon as possible "  required="required" ></textarea> </p>
                        <p class="indication"> All fields with a <span class="required">*</span> are required</p>

                        <input type="submit" value=" Send the mail" />		

                    </form>		

                </div> 
            </h:form>
        </ui:define>
    </ui:composition>
</html>

